<%--
  Created by IntelliJ IDEA.
  User: admin
  Date: 2017/8/14
  Time: 11:02
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>人员管理</title>
    <link rel="stylesheet" href="/layui/css/layui.css">
    <link rel="stylesheet" href="/css/base.css">
</head>
<body>
<div class="layui-layout layui-layout-admin">
    <%@ include file="../common/header.jsp" %>
    <%@ include file="../common/leftnav.jsp" %>
    <!-- 管理后台主体BODY部分 -->
    <div class="layui-body site-demo">
        <div>
            <div class="m-hori-panel">
                <form class="layui-form" id="searchForm">
                    <div class="layui-form-item">
                        <label class="layui-form-label">姓名</label>
                        <div class="layui-input-inline">
                            <input type="text" name="name" lay-verify="required"
                                   placeholder="请输入姓名" autocomplete="off"
                                   class="layui-input"/>
                        </div>
                        <label class="layui-form-label">手机号</label>
                        <div class="layui-input-inline">
                            <input type="text" name="phone" lay-verify="required"
                                   placeholder="请输入手机号" autocomplete="off"
                                   class="layui-input"/>
                        </div>
                        <label class="layui-form-label">学院</label>
                        <div class="layui-input-inline">
                            <select name="collageId" id="collageId" lay-filter="collageId">
                                <option value="" selected>请选择学院</option>
                            </select>
                        </div>
                        <label class="layui-form-label">专业</label>
                        <div class="layui-input-inline">
                            <select name="majorId" lay-filter="majorId">
                                <option value="" selected>请选择专业</option>
                            </select>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">微信</label>
                        <div class="layui-input-inline">
                            <input type="text" name="wechat" lay-verify="required"
                                   placeholder="请输入微信" autocomplete="off"
                                   class="layui-input"/>
                        </div>
                        <label class="layui-form-label">QQ</label>
                        <div class="layui-input-inline">
                            <input type="text" name="qq" lay-verify="required"
                                   placeholder="请输入QQ" autocomplete="off"
                                   class="layui-input"/>
                        </div>
                        <label class="layui-form-label">地区</label>
                        <div class="layui-input-inline">
                            <select name="city" lay-filter="city">
                                <option value="" selected>请选择地区</option>
                                <option value="">请选择地区</option>
                                <option value="郑州">郑州</option>
                                <option value="开封">开封</option>
                                <option value="洛阳">洛阳</option>
                                <option value="平顶山">平顶山</option>
                                <option value="安阳">安阳</option>
                                <option value="鹤壁">鹤壁</option>
                                <option value="新乡">新乡</option>
                                <option value="焦作">焦作</option>
                                <option value="濮阳">濮阳</option>
                                <option value="许昌">许昌</option>
                                <option value="漯河">漯河</option>
                                <option value="三门峡">三门峡</option>
                                <option value="南阳">南阳</option>
                                <option value="商丘">商丘</option>
                                <option value="信阳">信阳</option>
                                <option value="周口">周口</option>
                                <option value="驻马店">驻马店</option>
                                <option value="济源">济源</option>
                            </select>
                        </div>
                        <div class="layui-inline">
                            <div class="layui-input-block">
                                <a href="javascript:void(0)" class="layui-btn layui-btn-warm" id="btnQuery">搜索</a>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <hr/>
        <div>
            <div>
                <table class="layui-table" lay-even id="userTable">
                    <thead>
                    <tr>
                        <td colspan="12" style="text-align: right">
                            <button class="layui-btn layui-btn-normal" id="addUser">添加信息</button>
                        </td>
                    </tr>
                    <tr>
                        <th>姓名</th>
                        <th>性别</th>
                        <th>出生年月</th>
                        <th>手机号</th>
                        <th>学院</th>
                        <th>专业</th>
                        <th>年级</th>
                        <th>QQ</th>
                        <th>微信</th>
                        <th>邮箱</th>
                        <th>地区</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
            <div id="userPageCtrl" class="text-center"></div>
        </div>
    </div>
</div>
<!-- 弹窗 -->
<div id="userForm" class="dialog-panel">
    <form id="addUserForm" class="layui-form" lay-filter="addUserForm">
        <input name="id" type="hidden" value="">
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">姓名<span style="color: red">*</span></label>
                <div class="layui-input-inline">
                    <input type="text" name="name" lay-verify="required" placeholder="请输入姓名" autocomplete="off"
                           class="layui-input"/>
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">性别<span style="color: red">*</span></label>
                <div class="layui-input-inline">
                    <select name="sex" lay-verify="required" class="sex" lay-filter="sex">
                        <option value="" selected>请选择性别</option>
                        <option value="0">男</option>
                        <option value="1">女</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">出生年月<span style="color: red">*</span></label>
                <div class="layui-input-inline">
                    <input type="text" name="birth" id="birth" lay-verify="birth" placeholder="yyyy-MM-dd"
                           autocomplete="off"
                           class="layui-input">
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">手机号<span style="color: red">*</span></label>
                <div class="layui-input-inline">
                    <input type="text" name="phone" lay-verify="required" placeholder="请输入手机号" autocomplete="off"
                           class="layui-input"/>
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">学院<span style="color: red">*</span></label>
                <div class="layui-input-inline">
                    <select name="collageId" lay-verify="required" class="collageId" lay-filter="collageId1">
                        <option value="">请选择学院</option>
                    </select>
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">专业<span style="color: red">*</span></label>
                <div class="layui-input-inline">
                    <select name="majorId" lay-verify="required" class="majorId" lay-filter="majorId">
                        <option value="">请选择专业</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">QQ<span style="color: red">*</span></label>
                <div class="layui-input-inline">
                    <input type="text" name="qq" lay-verify="required" placeholder="请输入QQ" autocomplete="off"
                           class="layui-input"/>
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">微信<span style="color: red">*</span></label>
                <div class="layui-input-inline">
                    <input type="text" name="wechat" lay-verify="required" placeholder="请输入微信" autocomplete="off"
                           class="layui-input"/>
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">邮箱<span style="color: red">*</span></label>
                <div class="layui-input-inline">
                    <input type="text" name="mail" lay-verify="required" placeholder="请输入邮箱" autocomplete="off"
                           class="layui-input"/>
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">年级<span style="color: red">*</span></label>
                <div class="layui-input-inline">
                    <input type="text" name="grade" lay-verify="required" placeholder="请输入年级" autocomplete="off"
                           class="layui-input"/>
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-block">
                <label class="layui-form-label">地区<span style="color: red">*</span></label>
                <div class="layui-input-inline">
                    <select name="city" lay-verify="required" class="city" lay-filter="city">
                        <option value="">请选择地区</option>
                        <option value="郑州">郑州</option>
                        <option value="开封">开封</option>
                        <option value="洛阳">洛阳</option>
                        <option value="平顶山">平顶山</option>
                        <option value="安阳">安阳</option>
                        <option value="鹤壁">鹤壁</option>
                        <option value="新乡">新乡</option>
                        <option value="焦作">焦作</option>
                        <option value="濮阳">濮阳</option>
                        <option value="许昌">许昌</option>
                        <option value="漯河">漯河</option>
                        <option value="三门峡">三门峡</option>
                        <option value="南阳">南阳</option>
                        <option value="商丘">商丘</option>
                        <option value="信阳">信阳</option>
                        <option value="周口">周口</option>
                        <option value="驻马店">驻马店</option>
                        <option value="济源">济源</option>
                    </select>
                </div>
            </div>
        </div>
    </form>
</div>


<!--右键菜单的源-->
<script src="/layui/layui.js"></script>
<script type="text/javascript">
    layui.config({
        base: '/js/module/'
    })
</script>
<script src="/js/ui/userInfoUI.js"></script>

</body>
</html>
